<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<#import "/spring.ftl" as spring />

<html>
  <head>
    <title>${content.pageTitle!"InspectorTime"}</title>
    ${head}
  </head>
  
  <style>
  
  	body {
		background-color: #7fa0b8; 
		font-family: verdana, arial, sans-serif;
		font-size: 10px;
  	}
	
	#content {
		color: #004071;
		font-size: 1em;
		text-align: left;
	}
  
  	#container {
		background-color: #ffffff; 
		border: solid 4px #004071;
		padding: 5px;
		margin: 5px;
	}
	
	#mobileInspectorMenu {
		margin: 5px 0px 15px 10px;
		float: left;
	}
	
	#mobileInspectorMenu a {
		color: #004071;
		margin-right: 10px;
	}
  	
  	#bbHeader {
  		font-size: 2em;
  		font-weight: bold;
  		text-align: center;
  	}
  	
  	h1 {
  		font-size: 1.5em;
  	}
  	
  	h2 {
  		font-size: 1.25em;
  	}
  	
  	h3 {
  		font-size: 1.10em;
  	}
  	
  	.wizardHeaderDate {
  		float: left;
  	}
  	
  	.wizardHeaderTime {
  		float: left;
  		padding-left: 10px;
  	}
  	
  	.wizardTab, .wizardStepTxt, .wizardTab#activeTab {
  		visibility: hidden;
  		font-size: 0px;
  		background-color: white;
  		width: 0;
  		height: 0;
  	}
  	
  	
  	.formElement {
  		clear: both;
  		margin-bottom: 15px;
  	}
  	
  	.formElement label {
  		background-color: white;
  		color: #004071;
  		font-weight: bold;
  		display: block;
  	}
  	
  	.formElement input {
  		display: block;
  	}
  	
  	.formElement label span.required {
		padding-left: 2px;
		color: #f69348;
	}
	
	.errors {
		width: 65%;
		border: 1px solid #ff0000; 
		color: #ff0000;
		padding: 5px;		
	}
  	
  	table.standard {
  		width: 100%
  	}
  	
  	.resultsListRow {
  		margin-bottom: 10px;
  	}
  	
  	.resultsList label {
  		font-weight: bold;
  		font-size: 1.10em;
  		padding-bottom: 5px;
  	}
  	
  	.webBooked {
  		color: red;
  	}
  	
  </style>
	<body>
	<div id="container">
		<a href="<@spring.url "/index.html" />"><div id="bbHeader">INSPECTOR TIME</div></a>
		<br style="clear:both" />
		
		<div id="mobileInspectorMenu">
			<a href="<@spring.url "/index.html" />">HOME</a>
				
			<#if Session?? && Session.userName??>
				<a href="<@spring.url "/inspector/inspections.html" />">INSPECTIONS</a>
				<a href="<@spring.url "/inspector/settings.html" />">COMPANY SETTINGS</a> 
				<a href="<@spring.url "/logout.html" />">LOG OUT</a>
			</#if>
		</div>
		<br style="clear:both" />
	${body}
	</body>
</html>